<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>仿百家色块</title>
	<link rel="stylesheet" href="./css/main.css">
</head>
<body>
	<!-- 顶部开始 -->
	<div class="top">
		<div class="top_mid">
			<div class="top_logo"></div>
			<div class="top_nav"></div>
		</div>
	</div>
	<!-- 顶部结束 -->
	<!-- 主体开始 -->
	<div class="main">
		<div class="main_left">
			<div class="main_left_top">
				<div class="banner"></div>
				<ul class="hot_news">
					<!-- 热门列表 -->
					<li class="news_items"></li>
					<li class="news_items"></li>
					<li class="news_items"></li>
				</ul>
			</div>
			<ul class="main_left_list">
				<!-- 文章列表 -->
				<li class="atr_item">
					<div class="img"></div>
					<div class="detail"></div>
				</li>
				<li class="atr_item">
					<div class="img"></div>
					<div class="detail"></div>
				</li>
				<li class="atr_item">
					<div class="img"></div>
					<div class="detail"></div>
				</li>
				<li class="atr_item">
					<div class="img"></div>
					<div class="detail"></div>
				</li>
				<li class="atr_item">
					<div class="img"></div>
					<div class="detail"></div>
				</li>
			</ul>
		</div>
		<div class="main_right">
			<div class="score"></div>
			<div class="big"></div>
			<div class="hot"></div>
		</div>
	</div>
	<!-- 主体结束 -->
	<!-- 底部开始 -->
	<div class="footer">
		
	</div>
	<!-- 底部结束 -->
	 
</body>
</html>